<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>政策</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../ui/common/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../ui/common/css/custom.css" />
		<link type="image/x-icon" rel="shortcut icon" href="favicon.ico" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<style>
			body,
			.mui-content {
				background-color: #EEEEEE;
			}
			
			#content {
				padding-left: 1rem;
			}
			
			#content div {
				margin-top: 0.2rem;
				color: #999999;
			}
			
			#content img {
				width: 4rem;
				height: 4rem;
				margin-right: 0.5rem;
				object-fit: cover;
				margin-top: 0.5rem;
			}
			
			#content textarea {
				width: 13rem;
				min-height: 5rem;
				line-height: 1rem;
				border: 0px;
				margin-top: 0.5rem;
				color: #AAAAAA;
			}
			
			.mui-bar-tab {
				background-color: #EEEEEE;
				height: 2.5rem;
				text-align: center;
				-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .85);
				box-shadow: 0 0 0px rgba(0, 0, 0, .85);
			}
			
			.mui-bar-tab button {
				width: 6rem;
				height: 1.8rem;
				margin: 0.35rem 0.6rem;
				font-family: "microsoft yahei";
				font-size: 0.8rem;
				color: #fefefe;
				border: 0px;
			}
			
			#submitBtn {
				background-color: #00367C;
				margin-right: 1.5rem;
			}
			
			#cancleBtn {
				background-color: #AAAAAA;
				margin-left: 1.25rem;
			}
			
			
			.mui-bar-tab button:nth-child(1) {
				background-color: #00367C;
			}
			
			.mui-bar-tab button:nth-child(2) {
				background-color: #AAAAAA;
			}
			
			.error-div {
				z-index: 1000;
				width: 14rem;
				margin-left: 0.5rem;
				background-color: #FFFFFF;
				border-radius: 0.1rem;
				min-height: 70%;
				position: absolute;
				top: 10%;
			}
			
			.show-info {
				width: 13rem;
				height: 1.5rem;
				padding: 0px 0.5rem;
				line-height: 1.5rem;
				background-color: #FFFFFF;
				border-radius: 5px;
				color: #AAAAAA;
			}
			
			.error-title {
				border-bottom: solid 1px #DDDDDD;
				height: 1.8rem;
			}
			
			.error-div div img {
				float: right;
				width: 0.8rem;
				height: 0.8rem;
				margin: 0.5rem;
			}
			.error-div input[type=text]{
				width: 13rem;
				margin-left: 0.5rem;
				background-color: #F0F0F0;
				color: #333333;
			}
			
			.error-div img {
				width: 13rem;
				height: 8rem;
				margin-top: 1rem;
				margin-left: 0.5rem;
				object-fit: cover;
			}
			
			.error-div p {
				float: left;
				margin: 0.5rem;
				padding: 0px;
				color: #000000;
				font-family: '微软雅黑';
				font-size: 0.65rem;
			}
			
			.error-div button {
				width: 5rem;
				margin: 0.5rem;
				color: #FFFFFF;
			}
			
			
		</style>
	</head>

	<body>

		<header id="header" class="mui-bar mui-bar-nav hp-bar">
			<a id="user" class="mui-action-back mui-pull-left">
				<img class="back-img" src="../../ui/common/images/back_arrow.png" />
			</a>
			<!--<a id="setting" class="mui-pull-right">
				<img class="user-img" src="../../ui/common/images/search_icon.png" />
			</a>-->
			<h1 id="projectTitle" class="mui-title">
				车单名称
			</h1>
		</header>

		<div id="content" class="mui-content">
			<div style="margin-top: 0.6rem;">车辆信息</div>
			<div id="carNo" class="show-info"></div>
			<div style="margin-top: 0.6rem;">订单状态</div>
			<div id="tel" class="show-info"></div>
			<div style="margin-top: 0.6rem;">上传照片</div>
			<div>
				<img id="upPhoto" class="mui-hidden" src="" />
				<img id="selectPhoto" src="../../ui/building/images/type/photo_icon.jpg" />
			</div>
			<div style="margin-top: 0.6rem;">备注</div>
			<textarea id="otherInfo" placeholder="请输入备注信息"></textarea>
		</div>

		<div id="backDrop" class="mui-backdrop mui-hidden"></div>
		<div id="errorDiv" class="error-div mui-hidden">

			<div class="error-title">
				<p>订单状态</p>
				<img id="cancleImg" style="" src="../../ui/building/images/type/01.png" />
			</div>

			<img id="errorImg" style="" src="../../ui/building/images/type/photo_icon.jpg" />
			<p style="font-size: 0.6rem;">货车行驶异常原因：</p>
			<input id="errorMesg" type="text" placeholder="请输入异常原因"/>
			<button id="submitBtn">上报</button>
			<button id="cancleBtn">取消</button>
		</div>

		<nav id="tabTemplate" class="mui-bar mui-bar-tab">
			<button id="changeStatus">未出库</button>
			<button id="errorBtn">异常</button>
		</nav>

		<script src="../../ui/common/js/jquery-1.10.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../ui/common/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../ui/common/js/requestAddressList.js"></script>
		<script src="../../ui/common/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../ui/building/js/page_carinfo.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>